<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="dff62a2559404800a5970f5595910845" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_dff62a2559404800a5970f5595910845 = echarts.init(
            document.getElementById('dff62a2559404800a5970f5595910845'), 'dark', {renderer: 'canvas'});
        var option_dff62a2559404800a5970f5595910845 = {
    "baseOption": {
        "series": [
            {
                "type": "radar",
                "name": "2018",
                "data": [
                    [
                        37,
                        80,
                        12,
                        50,
                        25
                    ]
                ],
                "label": {
                    "show": {
                        "normal": {
                            "show": true,
                            "position": "top",
                            "distance": 2,
                            "color": "#6692e2",
                            "fontSize": 14
                        }
                    },
                    "position": "top",
                    "margin": 8
                },
                "itemStyle": {
                    "normal": {
                        "color": "#e92b77"
                    }
                },
                "lineStyle": {
                    "show": true,
                    "width": 2,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                },
                "areaStyle": {
                    "opacity": 0
                },
                "rippleEffect": {
                    "show": true,
                    "brushType": "stroke",
                    "scale": 2.5,
                    "period": 4
                }
            }
        ],
        "timeline": {
            "axisType": "category",
            "orient": "horizontal",
            "autoPlay": false,
            "controlPosition": "left",
            "loop": true,
            "rewind": false,
            "show": true,
            "inverse": false,
            "bottom": "-5px",
            "data": [
                "2016\u5e74",
                "2017\u5e74",
                "2018\u5e74"
            ]
        },
        "radar": {
            "indicator": [
                {
                    "name": "\u7075\u6d3b\u6027",
                    "max": 100,
                    "color": "#98F5FF"
                },
                {
                    "name": "\u529f\u80fd\u6027",
                    "max": 100,
                    "color": "#98F5FF"
                },
                {
                    "name": "\u5e73\u7a33\u6027",
                    "max": 100,
                    "color": "#98F5FF"
                },
                {
                    "name": "\u5b89\u5168\u6027",
                    "max": 100,
                    "color": "#98F5FF"
                },
                {
                    "name": "\u8010\u7528\u6027",
                    "max": 100,
                    "color": "#98F5FF"
                }
            ],
            "center": [
                "50%",
                "50%"
            ],
            "name": {
                "textStyle": {
                    "color": "red"
                }
            },
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "dotted",
                    "color": "#98F5FF"
                }
            },
            "splitArea": {
                "show": true,
                "areaStyle": {
                    "opacity": 0,
                    "color": [
                        "#141c42",
                        "#141c42"
                    ]
                }
            },
            "axisLine": {
                "show": true,
                "onZero": true,
                "onZeroAxisIndex": 0,
                "lineStyle": {
                    "show": true,
                    "onZero": true,
                    "onZeroAxisIndex": 0,
                    "lineStyle": {
                        "show": true,
                        "width": 1,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid",
                        "color": "#98F5FF"
                    }
                }
            }
        }
    },
    "options": [
        {
            "legend": [
                {
                    "data": [
                        "2016"
                    ],
                    "selected": {
                        "2016": true
                    },
                    "show": true,
                    "bottom": 45,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 14,
                    "itemHeight": 14,
                    "textStyle": {
                        "color": "#ade3ff",
                        "fontSize": 14
                    }
                }
            ],
            "series": [
                {
                    "type": "radar",
                    "name": "2016",
                    "data": [
                        [
                            85,
                            65,
                            55,
                            90,
                            82
                        ]
                    ],
                    "label": {
                        "show": {
                            "normal": {
                                "show": true,
                                "position": "top",
                                "distance": 2,
                                "color": "#6692e2",
                                "fontSize": 14
                            }
                        },
                        "position": "top",
                        "margin": 8
                    },
                    "itemStyle": {
                        "normal": {
                            "color": "#00c2ff"
                        }
                    },
                    "lineStyle": {
                        "show": true,
                        "width": 2,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid"
                    },
                    "areaStyle": {
                        "opacity": 0
                    },
                    "rippleEffect": {
                        "show": true,
                        "brushType": "stroke",
                        "scale": 2.5,
                        "period": 4
                    }
                }
            ],
            "title": [
                {
                    "padding": 5,
                    "itemGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "2017"
                    ],
                    "selected": {
                        "2017": true
                    },
                    "show": true,
                    "bottom": 45,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 14,
                    "itemHeight": 14,
                    "textStyle": {
                        "color": "#ade3ff",
                        "fontSize": 14
                    }
                }
            ],
            "series": [
                {
                    "type": "radar",
                    "name": "2017",
                    "data": [
                        [
                            50,
                            20,
                            45,
                            30,
                            75
                        ]
                    ],
                    "label": {
                        "show": {
                            "normal": {
                                "show": true,
                                "position": "top",
                                "distance": 2,
                                "color": "#6692e2",
                                "fontSize": 14
                            }
                        },
                        "position": "top",
                        "margin": 8
                    },
                    "itemStyle": {
                        "normal": {
                            "color": "#f9cf67"
                        }
                    },
                    "lineStyle": {
                        "show": true,
                        "width": 2,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid"
                    },
                    "areaStyle": {
                        "opacity": 0
                    },
                    "rippleEffect": {
                        "show": true,
                        "brushType": "stroke",
                        "scale": 2.5,
                        "period": 4
                    }
                }
            ],
            "title": [
                {
                    "padding": 5,
                    "itemGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "2018"
                    ],
                    "selected": {
                        "2018": true
                    },
                    "show": true,
                    "bottom": 45,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 14,
                    "itemHeight": 14,
                    "textStyle": {
                        "color": "#ade3ff",
                        "fontSize": 14
                    }
                }
            ],
            "series": [
                {
                    "type": "radar",
                    "name": "2018",
                    "data": [
                        [
                            37,
                            80,
                            12,
                            50,
                            25
                        ]
                    ],
                    "label": {
                        "show": {
                            "normal": {
                                "show": true,
                                "position": "top",
                                "distance": 2,
                                "color": "#6692e2",
                                "fontSize": 14
                            }
                        },
                        "position": "top",
                        "margin": 8
                    },
                    "itemStyle": {
                        "normal": {
                            "color": "#e92b77"
                        }
                    },
                    "lineStyle": {
                        "show": true,
                        "width": 2,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid"
                    },
                    "areaStyle": {
                        "opacity": 0
                    },
                    "rippleEffect": {
                        "show": true,
                        "brushType": "stroke",
                        "scale": 2.5,
                        "period": 4
                    }
                }
            ],
            "title": [
                {
                    "padding": 5,
                    "itemGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        }
    ]
};
        chart_dff62a2559404800a5970f5595910845.setOption(option_dff62a2559404800a5970f5595910845);
    </script>
</body>
</html>
